<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
<nz-card>

 <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="32">
      <nz-col nzMd="6" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <nz-range-picker placeholder="选择日期" name="cdate" [nzFormat]="'yyyy-MM-dd'" [(ngModel)]="q.dateRange"
                             (ngModelChange)="dateChange($event)"></nz-range-picker>
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入订单编号" [(ngModel)]="q.fxjOut12" name="fxjOut12">
          </nz-form-control>
        </nz-form-item>
      </nz-col>

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入姓名" [(ngModel)]="q.fxjOut01" name="fxjOut01">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
        <nz-col nzMd="3" nzSm="24">
            <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </nz-col>
    </nz-row>
  </form>
</nz-card>

<simple-table #st
  [columns]="columns"
  [data]="url"
  [ps]="ps"
  [extraParams]="q"
  [resReName]="{total:'total',list:'data'}"
  [reqReName]="{pi:'pageNumber',ps:'pageSize'}"
  toTopInChange
  [showTotal]="true"
  [showPagination]="true"
  [showSizeChanger]="true"
  [scroll]="{x:'1300px'}"
  (checkboxChange)="checkboxChange($event)"
  >
</simple-table>

</nz-spin>
